<!DOCTYPE html>
<html lang='en'>
<head>
    <meta charset='UTF-8'>
    <title>canvas cropper</title>
    <link rel="stylesheet" href="./dist/css/cropper.min.css">
</head>
<body>
<div id="imgFile">
</div>
</body>
<!--<script src="src/EventUtil.js"></script>-->
<!--<script src="src/Dom.js"></script>-->
<!--<script src="src/cropper.js"></script>-->
<script src="dist/js/cropper.min.js"></script>
<script>
    window.onload=function () {
        var cropper = new Cropper({
            okText: 'confirm',
            cancelText: 'cancel',
            el: 'imgFile',
            maxFileNumber: 2,
            cropperWidth: 150,
            cropperHeight: 150,
            imgFileDimension: 80
        });
        var btn = new ButtonDom({
            tagName: 'div',
            text: 'Get Files',
            onclick: function() {
                console.log(cropper.getFiles());
            }
        });
        document.body.appendChild(btn.ele)
    }
</script>
</html>
